<img src="assets/images/liuyu2.png" alt="流域图" style="width: 100%;margin-top: 40px;">
<div *ngFor="let elem of arr;let i=index">
  <div class='blackPoint' (mouseover)="show4(i)" (mouseout)="hide4(i)" [ngStyle]="setStyles(i)" (click)="navigator(i)">
    <div class='country'>{{elem.country}}</div>
    <div class='tool' *ngIf="elem.isShow">
      <div class='top'>
        {{elem.country}}
      </div>
      <div class='bot'>
        装机容量:600MW 机组台数:600
      </div>
    </div>
  </div>
</div>
<div class='redPoint' (mouseover)="show2()" (mouseout)="hide2()" (click)="navigator2()">
  <div class='country2'>乌江</div>
  <div class='tool' *ngIf="isShow2">
    <div class='top'>
      乌江
    </div>
    <div class='bot'>
      装机容量:600MW
    </div>
    <div class='bot'>
      机组台数:600
    </div>
  </div>
</div>
